*{
    margin: 0;
    padding: 0;
}
body{
    background-image: url('../iamge/bg.jpeg');
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    /*背景图不重复 */
    background-repeat: no-repeat;
    /* 图片全覆盖 */
    background-size: cover;
}
.screen{
    display: flex;
    width: 850px;
}
.speed{
    flex: 1;
    border-radius: 50px;
    margin-left: 30px;
    background: #fff;
    overflow: hidden;
}
.speed-bar{
    width: 100%;
    height: 25%;
    /* 线性渐变 */
    background: linear-gradient(-170deg,#2376ae,#c16ecf);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}